<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../../css/base.css">
  <link rel="stylesheet" href="../../css/hero.css">
</head>

<body>
  <!-- 英雄 -->
  <div class="content">
    <div class="title">
      <!-- 英雄故事 -->
    </div>
    <div class="first-row">
      <!-- 第一行 -->
      <ul>
        <li>
          <img src="../../assets/world/hero/1.webp">
          <div class="script">
            <p>笑面鬼手</p>
            <p>空空儿</p>
          </div>
        </li>
        <li>
          <img src="../../assets/world/hero/2.webp">
          <div class="script">
            <p>苍狼末裔</p>
            <p>苍</p>
          </div>
        </li>
        <li>
          <img src="../../assets/world/hero/3.webp">
          <div class="script">
            <p>黯羽东君</p>
            <p>影</p>
          </div>
        </li>
        <li>
          <img src="../../assets/world/hero/4.webp">
          <div class="script">
            <p>聆愿之祝</p>
            <p>少司缘</p>
          </div>
        </li>
        <li>
          <img src="../../assets/world/hero/5.webp">
          <div class="script">
            <p>&nbsp;</p>
            <p>元流之子</p>
          </div>
        </li>
      </ul>
    </div>
    <div class="second-row">
      <ul>
        <li>
          <img src="../../assets/world/hero/6.webp">
          <div class="script">
            <p>肃归之戈</p>
            <p>大司命</p>
          </div>
        </li>
        <li>
          <img src="../../assets/world/hero/7.webp">
          <div class="script">
            <p>凌霄真龙</p>
            <p>敖隐</p>
          </div>
        </li>
        <li>
          <img src="../../assets/world/hero/8.webp">
          <div class="script">
            <p>命运之引</p>
            <p>海诺</p>
          </div>
        </li>
        <li>
          <img src="../../assets/world/hero/9.webp">
          <div class="script">
            <p>人鱼之歌</p>
            <p>朵莉亚</p>
          </div>
        </li>
        <li>
          <img src="../../assets/world/hero/10.webp">
          <div class="script">
            <p>追忆之刃</p>
            <p>亚连</p>
          </div>
        </li>
        <li>
          <img src="../../assets/world/hero/11.webp">
          <div class="script">
            <p>武道奇才</p>
            <p>姬小满</p>
          </div>
        </li>
      </ul>
    </div>
    <div class="more"></div>
  </div>
</body>

</html>